<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" href="${basePath}/static/css/style.css" />
    <!--[if IE 6]>
    <script src="${basePath}/static/js/iepng.js" type="text/javascript"></script>
        <script type="text/javascript">
           EvPNG.fix('div, ul, img, li, input, a'); 
        </script>
    <![endif]-->

    <#include "/common_js.html"/>
    <script type="text/javascript" src="${basePath}/static/shopping/web/js/user/forgetPwd/forgetPwd.js"></script>

    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/formStyle.css" />
    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/user/forgetPwd/forgetPwd.css" />

    <title>犀鸟商城——找回密码</title>

    <style>
        .login_warn_icon{
            width:16px;
            height:17px;
            overflow:hidden;
            background:url(../../../static/images/login-icons.png) -104px -24px no-repeat;
        }
    </style>
</head>
<body>  
<!--Begin Header Begin-->
<div class="soubg">
    <#include "/top.html"/>
</div>
<!--End Header End-->
<div class="top">
    <#assign pageTitle = "找回密码">
    <#include "/logo.html"/>
</div>
<!--Begin Login Begin-->
<div class="log_bg" style="height:540px;">
    <div class="forget_pwd_content ">
        <div class="web-width forgetPwdStep1">
            <div class="for-liucheng">
                <div class="liulist for-cur"></div>
                <div class="liulist"></div>
                <div class="liulist"></div>
                <div class="liulist"></div>
                <div class="liutextbox">
                    <div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div>
                    <div class="liutext"><em>2</em><br /><strong>验证身份</strong></div>
                    <div class="liutext"><em>3</em><br /><strong>设置新密码</strong></div>
                    <div class="liutext"><em>4</em><br /><strong>完成</strong></div>
                </div>
            </div><!--for-liucheng/-->
            <form method="post" class="forget-pwd" id="step1Form">
                <dl>
                    <dt>用户名：</dt>
                    <dd><input type="text" id="step1_username"  class="l_ipt" style="width:240px;"  placeholder="手机号/邮箱/用户名" maxlength="50" /></dd>
                    <div class="clears"></div>
                </dl>
                <dl>
                    <dt>验证码：</dt>
                    <dd>
                        <input type="text" id="vcode"  placeholder="请输入验证码" class="l_ipt" maxlength="4" />
                        <div class="yanzma">
                            <img id="refreshCaptcha" style="width:100px;height:40px;vertical-align:middle;"  src="${basePath}/api/user/forget/pwd/vcode" alt="换一换" title="换一换">
                        </div>
                    </dd>
                    <div class="clears"></div>
                </dl>
                <div class="subtijiao">
                    <button type="button"  id="go_step2_btn" class="log_btn" style="width:200px;" >提交</button>
                </div>

            </form><!--forget-pwd/-->

        </div><!--web-width/-->

        <div class="web-width forgetPwdStep2" style="display:none">
            <div class="for-liucheng">
                <div class="liulist for-cur"></div>
                <div class="liulist for-cur"></div>
                <div class="liulist"></div>
                <div class="liulist"></div>
                <div class="liutextbox">
                    <div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div>
                    <div class="liutext for-cur"><em>2</em><br /><strong>验证身份</strong></div>
                    <div class="liutext"><em>3</em><br /><strong>设置新密码</strong></div>
                    <div class="liutext"><em>4</em><br /><strong>完成</strong></div>
                </div>
            </div><!--for-liucheng/-->
            <form method="get" class="forget-pwd" id="step2Form">
                <dl>
                    <dt>获取验证码：</dt>
                    <dd>
                        <select id="verifyMethod" class="l_combobox">
                            <option value="0" class="mobileMethod" style="display:none">手机号</option>
                            <option value="1" class="emailMethod"  style="display:none">邮箱地址</option>
                            <option value="2" class="idcardMethod"  style="display:none">身份证信息</option>
                            <option value="3" class="passportMethod"  style="display:none">护照信息</option>
                            <option value="4" class="overseasMethod"  style="display:none">海外信息</option>
                        </select>
                    </dd>
                    <div class="clears"></div>
                </dl>
                <br/>
                <br/>
                <div style="width: 100%;">
                    <button type="button"  id="back_step1_btn" class="db_button" style="width:200px;" >上一步</button>
                    <button type="button"  id="go_step3_btn" class="log_btn" style="width:200px;" >提交</button>
                </div>
                <br/>
            </form><!--forget-pwd/-->
        </div><!--web-width/-->

        <div class="web-width forgetPwdStep3" style="display:none">
            <div class="for-liucheng">
                <div class="liulist for-cur"></div>
                <div class="liulist for-cur"></div>
                <div class="liulist for-cur"></div>
                <div class="liulist"></div>
                <div class="liutextbox">
                    <div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div>
                    <div class="liutext for-cur"><em>2</em><br /><strong>验证身份</strong></div>
                    <div class="liutext for-cur"><em>3</em><br /><strong>设置新密码</strong></div>
                    <div class="liutext"><em>4</em><br /><strong>完成</strong></div>
                </div>
            </div><!--for-liucheng/-->
            <form action="forgetPwd4.html" method="get" class="forget-pwd">

                <dl>
                    <dt>密码：</dt>
                    <dd><input type="password" id="password" name="password"  class="l_ipt" style="width:240px;"  placeholder="密码" /></dd>
                    <div class="clears"></div>
                </dl>
                <dl>
                    <dt>确认密码：</dt>
                    <dd><input type="password" id="confirm_password"  name="confirmPassword" class="l_ipt" style="width:240px;"  placeholder="确认密码"/></dd>
                    <div class="clears"></div>
                </dl>
                <dl class="step3_vcode_panel" style="display: none;">
                    <dt>验证码：</dt>
                    <dd><input type="text" id="step3_vcode" name="vcode"  placeholder="请输入验证码" class="l_ipt"  /></dd>
                    <div class="clears"></div>
                </dl>
                <dl class="step3_idcard_panel" style="display: none;">
                    <dt>姓名：</dt>
                    <dd><input type="text" id="step3_true_name" name="trueName"  style="width:240px;"  placeholder="请输入姓名" class="l_ipt"  /></dd>
                    <div class="clears"></div>
                </dl>
                <dl class="step3_idcard_panel" style="display: none;">
                    <dt>证件号码：</dt>
                    <dd><input type="text" id="step3_id_card" name="idCard"   style="width:240px;"  placeholder="请输入证件号码" class="l_ipt"  /></dd>
                    <div class="clears"></div>
                </dl>
                <br/>
                <br/>
                <div style="width: 100%;">
                    <button type="button" id="back_step2_btn" class="db_button" style="width:200px;" >上一步</button>
                    <button type="button" id="forgetPwdBtn"   class="log_btn" style="width:200px;" >提交</button>
                </div>
            </form><!--forget-pwd/-->
        </div><!--web-width/-->

        <div class="web-width forgetPwdStep4" style="display:none">
            <div class="for-liucheng">
                <div class="liulist for-cur"></div>
                <div class="liulist for-cur"></div>
                <div class="liulist for-cur"></div>
                <div class="liulist for-cur"></div>
                <div class="liutextbox">
                    <div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div>
                    <div class="liutext for-cur"><em>2</em><br /><strong>验证身份</strong></div>
                    <div class="liutext for-cur"><em>3</em><br /><strong>设置新密码</strong></div>
                    <div class="liutext for-cur"><em>4</em><br /><strong>完成</strong></div>
                </div>
            </div><!--for-liucheng/-->
            <div class="successs">
                <h3>恭喜您，修改成功！</h3>
            </div>
        </div>
        <div id="wrn_msg" style="width:100%;text-align:center;">
            <a id="wrn_msg_tip" style="color:#ff0000;"></a>
        </div>


    </div>


</div>
<!--End Login End-->

<#include "/footer.html"/>

</body>
<script>
    $(function () {


        $("#refreshCaptcha").bind( 'click' ,function(){
            flushVcode();
        });


    });

</script>

</html>
